11 Fancy Random Image JavaScript Options For New Website Projects

1. jQuery Tiles Gallery

featured image

jQuery Tiles Gallery arranges your images inside a random-generated grid, it’s much more than a simple multiple column layout, it’s a beautiful and fancy way to present your showcases, galleries, photos… and so on.It’s also possible to add captions simply adding them as ALT attribute of each image.If you know a bit of javascript you can easiliy add any further functionality to the gallery, simply passing your function as callback.

More Details

2. Spectrum Gallery Plugin

featured image

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion image sizes and perfect image alignment. Is there an image animation style that is missing? No problem. You could extend the image method library by adding your own methods, which could, lets say, rotate an image as it slides into position. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery. Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery.Image Binding

More Details

3. li JQuery Slider/Image Rotator

featured image

li JQuery JavaScript image slider / banner rotator with many cool features.jQuery Slider Banner Image Rotator for HTML

li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!

This robust and yet elegant guy, has everything you need to build your next “to-impress” image slider.Easy to Use and Modify – it is extremely easy to use powerful slider/banner image rotator.Multiple Sliders / Banners – you can have many slider/image rotators on single HTML page. Also you can define the following transitions behavior: Regular, Regular-Custom, Random-Custom, Regular-Exception, Random-Exception.gif and LightBox enabled and the linked image will be displayed in Lightbox modal window activated.PrettyPhoto Support - when a link is included and the link points to YouTube, Vimeo, an image or QuickTime move, li-slider automatically will recognize what is the link type and will display it in a modal window. If you use image the thumbnail will be automatically generated so you do not need to create the thumbnails. If set to text, use the alt property of the image to include the tooltip text.Shuffle – randomize the slides order so every time a random slide will be displayed when the page is loaded. This means that if you need to change the slider you do not need to tweak the JavaScript code. We pre-loaded li jQuery Slider with total of 104 transitions, so you can open up your imagination and create the most impressive sliders, ads banners and image rotators. li jQuery Slider / Banner Image rotator has native support for skins. Adding a new slide is a breeze – simply add one li tag with an image within. Have you ever thought about having slider/banner and ads on one page and all they are JavaScript driven? Imagine how cool it is! You can have one JavaScript file and multiple sliders. Maybe you need to update your banner? Maybe the show dates changed or the product price in your ad has change? No problem, simply upload the new image with the same name, and you have a brand new ad.Although we can’t promise huge free upgrades, we’d love to hear what you think about li jQuery Image Slider/Rotator and some of your suggestions will be implemented in the future versions.

More Details

4. siteFeature

featured image

9 ‘sexy’ image transition effects including ‘fade’, ‘wave’, ‘crash’, ‘curtain’, ‘zipper’, ‘fountain’, ‘cascade’, ‘dribble’, ‘checker’, ‘enterTheDragon’ + customizable ‘random’ and ‘cycle’ options

This is universal to all javascript libraries and is not specific to jQuery or this plugin)

All content is still viewable and styled when JavaScript is not available

0 – adds 9 ‘sexy’ image transition effects and tab scrolling

3 – fixes issue where the ‘selected’ tab, when clicked, causes the image to disappear and never return in IE6/7

More Details

5. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.

More Details

6. Nex - Blazing Fast FullScreen Slider

featured image

<script type="text/javascript" src="http://code. <script type="text/javascript" src="Animo. <script type="text/javascript" src="nex. <script type="text/javascript" src="https://maps. Random

Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.Different Content types: image, video, map

More Details

7. KenBurner Slider jQuery Plugin

featured image

Or go nuts and choose “Random”! And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too.Image and Thumbs fully resizable Using Canvas Animation with FallBack to CSS Animation and also with FallBack to jQuery Optional Ken Burns effect Unlimited Caption Layers Unlimited Slides Customizable Ken Burns Effect (StartEnd-Position and Zoom or Random) iPhone/iPad & Android Swipe Touch enabled jQuery Conflict free plugin Customizable 100% via Plugin Parameters / CSS / HTML Easy installation in your Website Special Easing Example Page included Example Picture Effect Instruction PSD included 2 Pictures are used for Hover-Effects, so you can build every effect you wish (blur, greyscale…) with your favorite image tool

You just need to know little HTML and Javascript.

More Details

8. Responsive KenBurner Slider jQuery Plugin

featured image

Responsive Function Extended with Proportional Image Resizing function. Image and Thumbs fully resizable

Customizable Ken Burns Effect (StartEnd-Position and Zoom or Random)

2 Pictures are used for Hover-Effects, so you can build every effect you wish (blur, greyscale…) with your favorite image tool

You just need to know little HTML and Javascript.

More Details

9. Smooth Zoom Pan - jQuery Image Viewer

featured image

This is a javascript / CSS based image viewer prepared to display product photos, maps or any image within custom small area.Fit or Fill the image

Custom alignment – on clicking reset button aligns the image in specified way

Chrome bug fixed – The random black border appearance on google chrome fixed

     - On Image Load.

More Details

10. bgStretcher jQuery Background Resizer & Slideshow

featured image

The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. Sequence mode can be set to normal, backwards, or random.

More Details

11. jQuery Responsive OneByOne Slider Plugin

featured image

The OneByOne Slider is a lightweight, responsive & layered jQuery plugin you can use to display your image and text one by one.It’s lightweight, the compressed javascript is only 4kb.Optional animation style, can be in random or any other type.‘fadeIn’, ‘fadeInUp’, ‘fadeInDown’, ‘fadeInLeft’, ‘fadeInRight’, ‘fadeInRight’, ‘bounceIn’, ‘bounceInDown’, ‘bounceInUp’, ‘bounceInLeft’, ‘bounceInRight’, ‘rotateIn’, ‘rotateInDownLeft’, ‘rotateInDownRight’, ‘rotateInUpLeft’, ‘rotateInUpRight’, ‘fadeInLeftBig’, ‘fadeInRightBig’, ‘fadeInUpBig’, ‘fadeInDownBig’, ‘flipInX’, ‘flipInY’, ‘lightSpeedIn’ or ‘random’

The background image slideshow in the bootstrap example is from photos8.XML Image/Video Grid Gallery:

More Details